.home-page {
  .hero-section {
    background: linear-gradient(135deg, #3a4a6b 0%, #1a2a4a 100%);
    color: white;
    padding: 6rem 0;
    text-align: center;

    h1 {
      font-size: 3.5rem;
      font-weight: 700;
      margin-bottom: 1rem;
    }

    .lead {
      font-size: 1.5rem;
      margin-bottom: 2rem;
      opacity: 0.9;
    }

    .cta-buttons {
      margin-top: 2rem;
    }
  }

  .features-section {
    background-color: #f8f9fa;

    .feature-card {
      margin-bottom: 1.5rem;

      .card {
        border: none;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease;

        &:hover {
          transform: translateY(-5px);
        }
      }

      .feature-icon {
        font-size: 2.5rem;
        color: #3a4a6b;
        margin-bottom: 1rem;
      }

      h3 {
        color: #3a4a6b;
      }
    }
  }
}
